import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HelloPage } from '../hello/hello';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  // 第一种：在push里 用页面组件名称字符串 跳转页面  参考https://stackoverflow.com/questions/43969482/ionic-uncaught-in-promise-invalid-link中的一个答案
  // ps：用HelloPage和ContactPage示例一下
  // pps: 用这种方式会使路由发生变化 如: http://localhost:8100/#/home/hello 点返回之后不会变回去 （此方式下 在当前页面 浏览器刷新返回按钮会消失 但仍然停留在此页面），
  //      用第二种跳转方式url是不会变的，一直都是http://localhost:8100 （此方式下 在当前页面 浏览器刷新会返回至首页）   虽然App上绝对不可能会浏览器刷新 但也不晓得会不会有坑
  jump() {
    // this.navCtrl.push('ContactPage');
    this.navCtrl.push('HelloPage');
  }

  // 第二种：在push里 用页面组件 直接跳转页面
  page() {
    this.navCtrl.push(HelloPage);
  }

}
